<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="clearfix"></div>
<div class="row">
	<div class="col-md-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>
					APP 审核列表 <i class="fa fa-user"></i><small>${userSession.userName}
					- 您可以通过搜索或者其他的筛选项对APP的信息进行审核操作。^_^</small>
				</h2>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<form method="get" action="${pageContext.request.contextPath}/back/viewAppInfoList" >
					<input type="hidden" name="currPageNo" id="currPageNo" value="${page.currPageNo}" />
					<ul>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<input name="softwareName" type="text" class="form-control col-md-7 col-xs-12" value="${softwareName }">
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select id="flatformId" name="flatformId" class="form-control">
										<option value="0">请选择</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select id="categoryLevel1" name="categoryLevel1" class="form-control">
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<input type="hidden" name="categorylevel2list" id="categorylevel2list"/>
									<select name="categoryLevel2" id="categoryLevel2" class="form-control">
										<option value="0">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li>
							<div class="form-group">
								<label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									<select name="categoryLevel3" id="categoryLevel3" class="form-control">
										<option value="0">--请选择--</option>
									</select>
								</div>
							</div>
						</li>
						<li><button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询 </button></li>
					</ul>
				</form>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="x_panel">
			<div class="x_content">
				<p class="text-muted font-13 m-b-30"></p>
				<div id="datatable-responsive_wrapper"
					 class="dataTables_wrapper form-inline dt-bootstrap no-footer">
					<div class="row">
						<div class="col-sm-12">
							<a href="${pageContext.request.contextPath}/DevAppController/toAppInfoAdd" class="btn btn-success btn-sm">新增APP基础信息</a>
							<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
								   cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
								<thead>
								<tr role="row">
									<th class="sorting_asc" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="First name: activate to sort column descending"
										aria-sort="ascending">软件名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										APK名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										软件大小(单位:M)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属平台</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属分类(一级分类、二级分类、三级分类)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										状态</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										下载次数</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										最新版本号</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										style="width: 124px;"
										aria-label="Last name: activate to sort column ascending">
										操作</th>
								</tr>
								</thead>
								<tbody>
								<c:forEach var="appInfo" items="${appInfoList }" varStatus="status">
									<tr role="row" class="odd">
										<td tabindex="0" class="sorting_1">${appInfo.softwareName}</td>
										<td>${appInfo.apkName }</td>
										<td>${appInfo.softwareSize }</td>
										<td>${appInfo.flatformName }</td>
										<td>${appInfo.categoryLevel1Name } -> ${appInfo.categoryLevel2Name } -> ${appInfo.categoryLevel3Name }</td>
										<td><span id="appInfoStatus${appInfo.id}">${appInfo.statusName }</span></td>
										<td>${appInfo.downloads }</td>
										<td>${appInfo.versionNo }</td>
										<td>
											<button type="button" class="btn btn-default checkApp"
													appinfoid="${appInfo.id }" versionid="${appInfo.versionId }" status="${appInfo.status }"
													statusname="${appInfo.statusName }"
													data-toggle="tooltip" data-placement="top" title="" data-original-title="查看并审核APP">审核</button>
										</td>
									</tr>
								</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-5">
							<div class="dataTables_info" id="datatable-responsive_info"
								 role="status" aria-live="polite">共${page.totalCount }条记录
								${page.currPageNo }/${page.totalPageCount }页</div>
						</div>
						<div class="col-sm-7">
							<div class="dataTables_paginate paging_simple_numbers"
								 id="datatable-responsive_paginate">
								<ul class="pagination">
									<c:if test="${page.currPageNo > 1}">
										<li class="paginate_button previous"><a
												href="${pageContext.request.contextPath}/back/viewAppInfoList?softwareName=${softwareName}&flatformId=${flatformId}&categoryLevel1=${categoryLevel1}&categoryLevel2=${categoryLevel2}&categoryLevel3=${categoryLevel3}&currPageNo=1"
												aria-controls="datatable-responsive" data-dt-idx="0"
												tabindex="0">首页</a>
										</li>
										<li class="paginate_button "><a
												href="${pageContext.request.contextPath}/back/viewAppInfoList?softwareName=${softwareName}&flatformId=${flatformId}&categoryLevel1=${categoryLevel1}&categoryLevel2=${categoryLevel2}&categoryLevel3=${categoryLevel3}&currPageNo=${page.currPageNo-1}"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">上一页</a>
										</li>
									</c:if>
									<c:if test="${page.currPageNo < page.totalPageCount }">
										<li class="paginate_button "><a
												href="${pageContext.request.contextPath}/back/viewAppInfoList?softwareName=${softwareName}&flatformId=${flatformId}&categoryLevel1=${categoryLevel1}&categoryLevel2=${categoryLevel2}&categoryLevel3=${categoryLevel3}&currPageNo=${page.currPageNo+1}"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">下一页</a>
										</li>
										<li class="paginate_button next"><a
												href="${pageContext.request.contextPath}/back/viewAppInfoList?softwareName=${softwareName}&flatformId=${flatformId}&categoryLevel1=${categoryLevel1}&categoryLevel2=${categoryLevel2}&categoryLevel3=${categoryLevel3}&currPageNo=${page.totalPageCount}"
												aria-controls="datatable-responsive" data-dt-idx="7"
												tabindex="0">最后一页</a>
										</li>
									</c:if>
								</ul>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<%@include file="common/footer.jsp"%>
<script>
	$(function(){
		$("#flatformId").load("${pageContext.request.contextPath}/back/pingtaiName");
		$("#categoryLevel1").load("${pageContext.request.contextPath}/back/categoryLevel1")
		if(${categoryLevel1>0}){
			$("#categoryLevel2").load("${pageContext.request.contextPath}/back/categoryLevel2?parentId2="+${categoryLevel1});
		}
		$("#categoryLevel1").on("change",function () {
			if($(this).val()==0){
				$("#categoryLevel2").html("<option value='0'>--请选择--</option>")
				$("#categoryLevel3").html("<option value='0'>--请选择--</option>")
			}
			$("#categoryLevel2").load("${pageContext.request.contextPath}/back/categoryLevel2?parentId2="+$("#categoryLevel1").val());
		})
		if(${categoryLevel2>0}){
			$("[name=categoryLevel3]").load("${pageContext.request.contextPath}/back/categoryLevel3?parentId3="+${categoryLevel2});
		}
		$("#categoryLevel2").on("change",function(){
			if($(this).val()==0){
				$("#categoryLevel3").html("<option value='0'>--请选择--</option>")
			}
			$("[name=categoryLevel3]").load("${pageContext.request.contextPath}/back/categoryLevel3?parentId3="+$("#categoryLevel2").val());
		})
		$(".checkApp").click(function () {
			var statusname=$(this).attr("statusname");
			var appinfoid=$(this).attr("appinfoid");
			var versionid=$(this).attr("versionid");
			if(versionid==null||versionid==""){
				alert("没有上传版本号,不能审核");
				return false;
			}else{
				location.href="${pageContext.request.contextPath}/back/appshen?appid="+appinfoid+"&vid="+versionid+"&statusname="+statusname;
			}

		})
	})
</script>